<template>
  <!-- 头像区 -->
  <div class="avatar-box">
    <img src="~assets/img/logo2.png" alt="" />
  </div>
</template>

<script>
export default {
  name: 'LoginAvatar',
}
</script>

<style scoped>
.avatar-box {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -45%);
  width: 100px;
  border-radius: 50%;
  background-color: #a5c6cb;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.avatar-box img {
  width: 100%;
  height: 100%;
}
</style>
